#sites-menu { @c: #19B09A;
    display: none; position: absolute; left: 22px; top: 50px;
    .open & { display: block;}

    .list { width: 160px; border: 1px solid @c; border-radius: 10px; background: #fff; overflow: hidden;
        li { *display: inline;}
        a { display: block; padding: 0 20px; height: 38px; line-height: 38px; overflow: hidden; color: #000;  border: 1px solid transparent; border-width: 1px 0; font-size: 14px;}
        a:hover { color: @c; text-decoration: none; border-color: @c; background: #DAF2EF;}
        .first a { border-top-color: transparent;}
        .last a { border-bottom-color: transparent; }
    }

    .ab {position:absolute; z-index:1001; left: 24px; top:-13px; height:14px; }
    .abd {border:7px dashed transparent; border-bottom:7px solid #19B09A }
    .abg {bottom:0; left:1px; border:6px dashed transparent; border-bottom:6px solid #fff}

    // .arrow { position: absolute; top: -7px; left: 25px; width: 14px; height: 8px; background-image: url("@{slice}sites-arrow.png")}
    // .corner {position: absolute;}
    // .corner1 { top: -8px; left: -1px; width: 38px; height: 18px;background-image: url("@{slice}sites-c1.png")}
    // .corner2 { top: -1px; right: -1px; width: 10px; height: 10px; background-image: url("@{slice}sites-c2.png")}
}
